<template>
  <div class="abnormal">
    <tab :options="options" :type="type" @handleClick="handleClick"></tab>
    <div class="abnormal-content">
      <div class="abnormal-content-top">
        <div class="abnormal-content-title">{{title}}</div>
      </div>
      <div class="abnormal-content-table">
        <break-appoint v-if="type === '1'" @getReportDialogVisible="getReportDialogVisible" :totalNum.sync="options[0].totalNum"></break-appoint>
        <reexamine v-else-if="type === '2'"></reexamine>
        <employ v-else-if="type === '3'"></employ>
        <entry v-else-if="type === '4'" @getReportDialogVisible="getReportDialogVisible" :totalNum.sync="options[3].totalNum"></entry>
        <dimission :totalNum.sync="options[4].totalNum" v-else @getReportDialogVisible="getReportDialogVisible"></dimission>
      </div>
      <el-dialog :visible.sync="reportDialogVisible" width="500px" @close="closeReportDialog">
        <div class="warn-dialog-header">
          <span>上报操作</span>
        </div>
        <div class="warn-dialog-body">
          <div class="warn-dialog-body-title">上报内容</div>
          <el-input type="textarea" :rows="6" v-model.trim="reportForm.content"></el-input>
          <div class="warn-dialog-btn">
            <el-button style="margin-right: 30px;" @click="reportDialogVisible = false">取消</el-button>
            <el-button type="primary" @click="report()">确定</el-button>
          </div>
        </div>
      </el-dialog>
    </div>
  </div>
</template>

<script src="./index.js"></script>

<style scoped src="./index.css"></style>

